<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件处理</title>
    <style>
        .in{
         background: blue;
        }
    </style>
    <script src="../js/jquery-3.4.1.js"></script>
    <script>
        $(function () {
           /* $("[type='text'][name='userName']").focus(function () {
                $(this).blur();
            });*/
            $("#userName").blur(function () {
                if ($("#userName").val() == '') {
                    alert("用户名不能为空");
                }
            });
            $(":submit").click(function (event) {
                //做验证
                alert(0);
                preventDefault();
            });
            $("a").hover(function () {
                // alert("进入");
                $(this).addClass("in");
            },function () {
                // alert("移出");
                $(this).removeClass("in");
            });
            $("a").mousedown(function (event) {
                preventDefault();
                alert("鼠标按下了");
            })

        })
    </script>
</head>
<body>
<form action="http://www.baidu.com">
    姓名：<input type="text" name="userName" id="userName"><br/>
    <input type="submit">
</form>
<a href="http://www.baidu.com" id="hover">百度</a>
</body>
</html>